// Copyright (c) 2015-present, salesforce.com, inc. All rights reserved
// Licensed under BSD 3-Clause - see LICENSE.txt or git.io/sfdc-license

@include deprecate('4.0.0', 'Please use slds-tabs-mobile classes instead') {
  /**
   * @summary Styles the tab title
   * @selector .slds-tabs_mobile__title
   * @restrict .slds-tabs_mobile div
   * @deprecated
   */
  .slds-tabs_mobile__title {
    width: 100%;
    height: 100%;
    color: var(--slds-g-color-neutral-base-10, #{$color-text-tab-label});
    font-size: $font-size-5;
    padding: 0 $spacing-medium;

    .slds-button:focus {
      box-shadow: inset var(--slds-g-shadow-outline-focus-1);
    }
  }

  /**
  * @summary Actionable button inside of tab that would
  * drill into the tab content
  *
  * @selector slds-tabs_mobile__title-action
  * @restrict slds-tabs_mobile__title button
  * @deprecated
  */
  .slds-tabs_mobile__title-action {
    width: 100%;
    height: 100%;
    display: inline-flex;
    flex-grow: 1;
    align-items: center;
    justify-content: space-between;

    .slds-button__icon {
      flex-shrink: 0;
    }
  }

  /**
  * @summary Styles the list of tabs for the mobile tab set
  *
  * @selector .slds-tabs_mobile
  * @restrict ul
  * @deprecated
  */
  .slds-tabs_mobile {
    display: flex;
    flex-direction: column;
  }

  /**
  * @summary Styles each list item as a single drill-in tab
  * @selector .slds-tabs_mobile__item
  * @restrict .slds-tabs_mobile li
  * @deprecated
  */
  .slds-tabs_mobile__item {
    display: flex;
    border-top: $border-width-thin solid var(--slds-g-color-border-base-1, #{$color-border});
    height: $square-tappable;
    align-items: center;

    &:active {
      background-color: var(--slds-g-color-neutral-base-95, #{$color-background-row-hover});
    }

    &:last-child {
      border-bottom: $border-width-thin solid var(--slds-g-color-border-base-1, #{$color-border});
    }
  }
}

@include deprecate('4.0.0', 'Please use slds-tabs_mobile__group instead') {

  .slds-tabs_mobile+.slds-tabs_mobile {

    .slds-tabs_mobile__item:first-child {
      border-top: 0;
    }
  }
}
